<template>
  <div id="empty-message">
    <img src="../../assets/images/public/empty.png" alt="">
    <p>{{ message }}</p>
  </div>
</template>

<script>
  export default {
    name: "empty-message",
    props: ['message']
  }
</script>

<style scoped lang="scss">
  #empty-message {
    >img {
      margin: 6.6rem auto 0;
      width: 24%;
    }

    >p {
      color: #999;
      text-align: center;
      margin-top: 1rem;
    }
  }
</style>
